$space: 8px;

.draekz-model-info-card {
  display: block;
  padding: $space;
}

.-is-hidden {
  display: none;
}


.draekz-model-info-card {
  display: flex;
  flex-direction: row;

  >.draekz-model-info-card-media-container {
    width: 100px;
    height: auto;
    display: block;
    margin: 0 $space 0 0;
    padding: 0;
    flex: 0 0 auto;

    >img,
    >video {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  >.draekz-model-info-card-data-container {

    [bind*="name:"] {
      font-size: 1.3em;
      margin-bottom: calc($space / 2);
      font-weight: bold;
    }

  }
}